<section class="content-header">
    <h1>景点详情</h1>
</section>

<section class="content">
    <div class="box box-primary">
        <div class="box-header">
            <div class="box-tools pull-right">
                <a class="btn btn-block btn-primary" href="#/spotsEdit/{{spots.region_id}}/spot/{{spots.spot_id}}"><i class="fa fa-pencil small-pr"></i>修改景点详情</a>
            </div>
        </div>
        <div class="box-body">
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景点编号</div>
                <div class="col-sm-9">{{spots.code}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景点名称</div>
                <div class="col-sm-9">{{spots.name}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景点简介</div>
                <div class="col-sm-9">{{spots.brief}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景点封面</div>
                <div class="col-sm-9 img-content"><span ng-show="!spots.images.length">暂无</span><img ng-repeat="spot_img in spots.images" ng-src="{{spot_img}}?imageView2/2/w/100/h/100" width="100" height="100" ng-show="spots.images.length" /></div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景点录音</div>
                <div class="col-sm-9 audio-content"></div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景点内容</div>
                <div class="col-sm-9 spot-content"></div>
            </div>
            <div class="detail-block ovh" style="margin-top: 50px;">
                <div class="col-sm-6" style="float: none;margin: 0 auto;"><button class="btn btn-block btn-danger btn-sm" ng-click="deleteSpot()">删除景点</button></div>
            </div>
        </div>
    </div>
</section>